<!DOCTYPE html>
<html ng-app="app">
	<head>
		<meta charset="UTF-8">
		<title>黄林-购物车</title>
		<script type="text/javascript" src="src/js/jquery-2.1.1.min.js"></script>
		<link rel="stylesheet" type="text/css" href="jquery plug-in/bootstrap-3.3.0/dist/css/bootstrap.min.css"/>
		
		<link rel="stylesheet" type="text/css" href="src/css/cart.css/car.css"/>
		<script type="text/javascript" src="src/js/cart.js/car.js"></script>
		<!--cookie插件-->
		<script type="text/javascript" src="jquery plug-in/carhartl-jquery-cookie-92b7715/jquery.cookie.js"></script>
		<script type="text/javascript" src="html/angular.min.js">
			
		</script>
		
	</head>
	<body>
		<!--头部-->
		<div class="zc-topbar">
			<div class="wrapper">
				<!--登录信息-->
				<div class="login-info">
					<span class="zc-index"><a href="http://127.0.0.1:8020/zol/index.html" target="_blank">商城首页</a></span>
					<span class="zc-login-left">Hi~欢迎来到ZOL商城，请<a href="zc-login.html" target="_blank">登录</a></span>
					<span class="zc-register"><a href="zc-register.html" target="_blank">免费注册</a></span>
				</div>
				<!--快速导航-->
				<div class="quick-menu">
					<ul>
						<li><a href="javascript:;" class="change-color">我的订单</a></li>
						<li><a href="javascript:;" class="change-right">买家中心</a><i class="fa fa-angle-down"></i></li>
						<li><a href="javascript:;"  class="change-color">购物车0件</a></li>
						<li><a href="javascript:;" class="change-color">帮助中心</a></li>
						<li><a href="javascript:;"></a>｜</li>
						<li><a href="javascript:;" class="change-right"><span><img src="src/images/index/model-icon.jpg"/></span>手机商城</a><i class="fa fa-angle-down"></i></li>
						<li><a href="javascript:;" class="change-color">中关村在线</a></li>
						<li><a href="javascript:;" class="change-color">商家入驻</a></li>
						<li><a href="javascript:;" class="change-right">联系客服</a><i class="fa fa-angle-down"></i></li>
					</ul>
					<!--买家中心-->
					<div class="Buyer-Center-show">
						<a href="javascript:;">关注的店铺<span> 30</span></a><br />
						<a href="javascript:;">关注的商品<span> 47</span></a>
					</div>
					<!--手机商城-->
					<div class="Mobile-phone-mall"><img src="src/images/index/QR code.png"/></div>
					
					<!--联系客服-->
					<div class="Notescontact">400-678-0068</div>
				</div>
			</div>
		</div>
		
		<!--end-->
		<!--清除上面所有浮动-->
		<div class="clear" style="clear: both;"></div>
		
		<!--购物车主体-->
		<div id="logo">
			<img src="src/images/cart/logo.png"/>
		</div>
		<div id="shop">
			<!--<img src="src/images/cart/1699.png"/>-->
		</div>
		<div id="account">
			<div id="account-c">
				<!--angular-->
				<div class="container" ng-controller="firstController">
					<table class="table">
						<thead>
							<tr>
								<th>是否选中</th>
								<th>产品名称</th>
								<th>购买数量</th>
								<th>产品单价</th>
								<th>产品总价</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr ng-repeat="item in Product">
								<!--{{item.id}}-->
								<td class="check"><input type="checkbox" name="" id="" value="" checked="checked"/></td>
								<td>{{item.name}}</td>
								<td>
									<button type="button" class="btn" ng-click="reduce($index)">-</button>
									<input type="text" name="" value="" placeholder="" ng-model="item.quantity">
									<button type="button" class="btn" ng-click="add($index)">+</button>
								</td>
								<td>{{item.price}}</td>
								<td>{{item.quantity*item.price}}</td>
								<td>
									<button type="button" class="btn btn-danger" ng-click="remove($index)">移除</button>
								</td>
							</tr>
							<tr>
								<td>总价格：{{totalPrice()}} 元</td>
								<td colspan="4">总购买数：{{totalQuantity()}}</td>
								<td>
									<button type="button" class="btn btn-danger" ng-click="removeall()">清空购物车</button>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<div id="copyright">
			<!--<img src="src/images/cart/copyright.png"/>-->
		</div>
	</body>
</html>
